<template>
  <section class="news-area news-3-area pt-120">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="news-title d-block d-md-flex justify-content-between align-items-center mb-20">
            <h3 class="title">News & Articles</h3>
            <a class="main-btn" href="/posts">View All posts</a>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md-7 col-sm-9">
          <div class="news-item mt-30 animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
            <div class="news-thumb">
              <img src="/assets/images/news-1.png" alt="news">
            </div>
            <div class="news-content text-center">
              <a href="/single-post">We Believe in Building Long Lasting our Business Relationships</a>
              <div class="date">
                <span><span>06 April, 2020</span><span class="pl-10 pr-10">   -</span>    2 Comments</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-7 col-sm-9">
          <div class="news-item mt-30 animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="200ms">
            <div class="news-thumb">
              <img src="/assets/images/news-2.png" alt="news">
            </div>
            <div class="news-content text-center">
              <a href="/single-post">We Believe in Building Long Lasting our Business Relationships</a>
              <div class="date">
                <span><span>06 April, 2020</span><span class="pl-10 pr-10">   -</span>    2 Comments</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-7 col-sm-9">
          <div class="news-item mt-30 animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms">
            <div class="news-thumb">
              <img src="assets/images/news-3.png" alt="news">
            </div>
            <div class="news-content text-center">
              <a href="/single-post">We Believe in Building Long Lasting our Business Relationships</a>
              <div class="date">
                <span><span>06 April, 2020</span><span class="pl-10 pr-10">   -</span>    2 Comments</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="shape">
      <img src="/assets/images/shape/shape-11.png" alt="">
    </div>
  </section>
</template>

<script>
    export default {
        name: "BlogThreeArea"
    }
</script>

<style scoped>

</style>
